<template>
    <div class="setting">
        <menubar :menus="menus" :title="msg"> </menubar>
        <router-view transition="page-swipe" keep-alive transition-mode="out-in"> </router-view>
    </div>
</template>
<style lang="scss" scoped>
    .setting{
        flex: 1;
    }
</style>
<script>
    import Menubar from '../components/Menubar';
    export default{
        data(){
            return{
                msg:'hello vue',
                menus: [
                    {title: 'home', path: '/cog/home'},
                    {title: 'game', path: '/cog/game'},
                    {title: 'user', path: '/cog/user'},
                    {title: 'menu to home', path: '/cog/a'},
                    {title: 'menu to star', path: '/cog/b'},
                    {title: 'menu to setting index', path: '/cog/c'},
                ]
            }
        },
        components:{
            Menubar
        }
    }
</script>
